<template>
	<div class="container">
		<div class="myorder">
			我的订单
		</div>
		<div class="ordernav">
			<router-link to="/mine/yemaoorder">
				<div>
					夜猫店订单
				</div>
			</router-link>
			<router-link to="/mine/superorder">
				<div>
					超级订单
				</div>
			</router-link>
			<router-link to="/mine/duobaoorder">
				<div>
					夺宝记录
				</div>
			</router-link>
		</div>
		<!--内容-->
		<router-view></router-view>
			<div class="conlist">
				<div class="conlist_top">
					<img src="../../assets/images/minepic_1.png"/>
				</div>
				<div class="conlist_bottom">
					还没有订单，快来买点东西嘛~亲 !
				</div>
			</div>
			<v-footer></v-footer>
		
	</div>
</template>

<script>
	import vFooter from "../footer/footer";
	export default{
		components:{
			vFooter
		}
	}
</script>

<style scoped="scoped">
	.container{
		background-color:#f4f4f4;
		width:100%;
		height: 100%;
		position: absolute;
	}
	.myorder{
		height:1.189189rem;
		line-height:1.189189rem;
		font-size: 0.43rem;
		font-weight:bold;
		background:#fff;
		display:flex;
		justify-content: center;
	}
	.ordernav {
		height:0.591891rem;
		background:#fff;
		font-size:0.378378rem;
		color:#9c9c92;
		display: flex;
		justify-content: space-around;
		padding:0.13027rem 1.232432rem;
	}
	.ordernav div{
		color:#9b9b9b;
	}
	.conlist{
		padding-top:2.675675rem;
		display: flex;
		flex-direction:column;
		align-items:center;
		position: absolute;
		left:0;
		right:0;
	}
	.conlist_top img{
		width:4.1rem;
		margin-bottom:0.486486rem;
	}
	.conlist_bottom{
		color:#a8a5a0;
		font-size:0.398378rem;
		padding-right:0.135135rem;
	}
	.router-link-exact-active div{
		padding-bottom:0.185135rem;
		border-bottom:0.054054rem solid #fc2b64;
	}
</style>